<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet"  />
<script src="js/move.js"></script>
<script src="js/index.js"></script>
</head>

<body>
<!-- 顶部导航 -->
<div class="header">
        <ul class="forc"> 
            <li class="li1"><a href="#">小米网</a></li>
            <li><a href="#">MIUI</a></li>
            <li><a href="#">米聊</a></li>
            <li><a href="#">游戏</a></li>
            <li><a href="#">多看阅读</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">小米网移动版</a></li>
            <li><a href="#">Select region</a></li>
       		<li class="last1"><a href="#">登陆</a></li>
            <li class="last2"><a href="#">注册</a></li>
        </ul>
</div>
<!-- Logo和搜索框 -->
<div class="title">
	<div class="time"><span><img src="image/shizhong.png" /></span>11月18日预约开放购买<div class="xiaomi"><a href="#">小米网</a></div>
   	<div class="f1"><a href="#">小米手机4</a></div>
    <div class="f2"><a href="#">小米电视</a></div>
    <div class="f3"><a href="#">小米Note</a></div>
    </div>
    <div class="input"><input type="text" placeholder="搜索您需要的商品"/></div>
    <div class="fangdajing"></div>
    <div class="gouwuc">购物车</div>
</div>
<!-- 导购栏和商品主题 -->
<div class="nav">
	<ul class="nav-1">
    	<li class="head">全部商品分类</li>
        <li><p>购买手机</p><a href="#">小米4</a><a href="#">小米3</a><a href="#">红米</a><a href="#">红米Note</a></li>
        <li><p>购买电视和平板</p><a href="#">小米电视</a><a href="#">小米盒子</a><a href="#">小米平板</a></li>
        <li><p>后盖与个性化配件</p><a href="#">米键</a><a href="#">后盖</a><a href="#">贴纸</a><a href="#">手机支架</a></li>
        <li><p>保护套与贴膜</p><a href="#">保护套/保护壳</a><a href="#">贴膜</a><a href="#">防尘塞</a><a href="#">手机支架</a></li>
        <li><p>移动电源和电池</p><a href="#">小米移动电源</a><a href="#">电池</a><a href="#">充电器</a></li>
        <li><p>路由器与智能家庭</p><a href="#">小米路由器</a><a href="#">随身WiFi</a><a href="#">智能家庭</a></li>
        <li><p>耳机与音箱</p><a href="#">小米活塞耳机</a><a href="#">更多耳机</a><a href="#">音箱</a></li>
        <li class="lastli"><p>小米生活方式</p><a href="#">小米手环</a><a href="#">服装</a><a href="#">血压计</a><a href="#">米兔</a></li>
    </ul>
    <div class="nav-r">
    	<div class="head">
        <ul>
        	<li><a href="#">首页</a></li>
            <li><a href="#">小米手机</a></li>
            <li><a href="#">红米</a></li>
            <li><a href="#">小米平板</a></li>
            <li><a href="#">小米电视</a></li>
            <li><a href="#">盒子</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">合约机</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </div>
        <div class="column">
        	<ul>
            	<li class="Move_p"><a href="#"></a></li>
                <li class="Move_p"><a href="#"></a></li>
                <li class="Move_p"><a href="#"></a></li>
                <li class="Move_p"><a href="#"></a></li>
                <li class="Move_p"><a href="#"></a></li>
            </ul>
            <ol>
            	<li class="btn active"></li>
                <li class="btn"></li>
                <li class="btn"></li>
                <li class="btn"></li>
                <li class="btn"></li>
            </ol>
        </div>
        <div class="h170">
        	<div class="column">
            	<a href="#">
            	<h3>红米4G手机 现货购买</h3>
                <span>可选红米1S、红米Note</span>
                <img src="image/phone1.png" />
                <a href="#">
            </div>
            <div class="column">
            	<a href="#">
            	<h3>小米三 特价1499</h3>
                <span>直降200，免预约购买</span>
                <img src="image/phone.png" />
                </a>
            </div>
            <div class="column2">
            	<a href="#">
            	<h3>小米电视2 单售3399元</h3>
                <span>顶配49英寸4K电视，性价比之王</span>
                <img src="image/bulding.png" />
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 明星单品 -->
<div class="mean1">
	<h3>小米明星单品</h3>
	<span>根据机型选配件</span>
    <div class="left">></div>
    <div class="right"><</div>
</div>
<div class="body1">
	<div class="b1">
    <a href="#">
    	<img src="image/1.png" />
    	<h3>10400mAh小米移动电源</h3>
        <span>全铝合金金属外壳，LG/三星等优质电芯</span>
    </a>
    </div>
    <div class="b1">
        <a href="#">
    	<img src="image/2.png" />
    	<h3>小米盒子 新上市</h3>
        <span>4K网络机顶盒，随时看海量高清网络电影，电视剧。</span>
        </a>
    </div>
    <div class="b1">
        <a href="#">
    	<img src="image/3.png" />
    	<h3>免预约买小米平板</h3>
        <span>四核2.2GHz处理器，7.9英寸视网膜屏</span>
        </a>
    </div>
</div>
<!-- 新品上架 话费新闻-->
<div class="mean1">
	<h3>新品上架</h3>
    <div class="more">更多></div>
</div>
<div class="bigone">
	<div class="left">
    	<div class="d1">
        	<a href="#">
        		<img src="image/d1.png" />
            </a>
        </div>
        <div class="d2">
        	<a  href="#">
            	<img src="image/d2.png" />
            </a>
        </div>
        <div class="d2-1">
        	<a  href="#">
            	<img src="image/d2-1.png" />
            </a>
        </div>
        <div class="d2-2">
        	<a  href="#">
            	<img src="image/d2-2.png" />
            </a>
        </div>
        <div class="d3">
        	<a href="#">
        		<img src="image/d3.png" />
            </a>
        </div>
         <div class="d3-1">
        	<a href="#">
        		<img src="image/d3-1.png" />
            </a>
        </div>
    </div>
    <div class="right">
    	<div class="r1">
        	<a href="#">
        		<img src="image/r3.png" />
            </a>
        </div>
        <div class="r1">
        	<a href="#">
        		<img src="image/r2.png" />
            </a>
        </div>
        <div class="r1">
        	<a href="#">
        		<img src="image/r1.png" />
            </a>
        </div>
    <div class="huafei">
    	<span>话费充值</span>
        <input type="text" value="请输入手机号" />
        <input type="text" value="100元" />
        <div>实付价格：<span>98.4 元起</span></div>
        <div class="chongzhi">立即充值</div>
    </div>
    <div class="news">
    	<ul>
        	<li class="head"><a href="#">新闻公告</a></li>
            <li><a href="#">企业用户采购通道</a><img src="image/youjiao.png" /></li>
            <li><a href="#">小米手机防伪查询</a><img src="image/youjiao.png" /></li>
            <li><a href="#">小米手机官方版</a><img src="image/youjiao.png" /></li>
            <li class="last"><a href="#">小米3（64GB）购机用户补偿</a><img src="image/youjiao.png" /></li>
    </div>
    </div>
</div>
<!-- 大家都喜欢 -->
<div class="mean1">
	<h3>大家都喜欢</h3>
</div>
<div class="h620">
	<div class="left">
    	<div class="left-1">
        <a href="#">
        	<img src="image/w1.png" />
        </a>
        </div>
        <div class="left-2">
        <a href="#">
        	<img src="image/w5.png"/>
        </a>
        </div>
        <div class="left-3">
        <a href="#">
        	<img src="image/w6.png"/>
        </a>
        </div>
    </div>
    <div class="right">
    	<div class="right-1">
            	<img src="image/w2.png" />
        </div>
        <div class="right-2">
 			<a href="#">
            	<img src="image/w3.png"/>
            </a>
        </div>
        <div class="right-2">
            <a href="#">
            	<img src="image/w4.png"/>
            </a>
        </div>
        <div class="right-2">
        	<a href="#">
            	<img src="image/w7.png" />
            </a>
        </div>
        <div class="right-2">
            <a href="#">
            	<img src="image/w8.png"/>
            </a>
        </div>
        <div class="right-2">
           	<a href="#">
            	<img src="image/w9.png" />
            </a>
        </div>
    </div>
</div>
<!-- 热评产品 -->
<div class="mean1">
	<h3>热评产品</h3>
</div>
<div class="reping">
	<div class="r1">
    <a href="#">
    	<span>后盖图案非常漂亮，不愧是官方出品，和机型严丝合缝很赞！</span>
        </a>
    </div>
    <div class="r2">
     <a href="#">
    	<span>结实耐用，滞空能力强，手机控制很方便，很喜欢！</span>
        </a>
    </div>
    <div class="r3">
     <a href="#">
   		<span>钱包做工精细很好，能装的卡也很多，是真皮的我很喜欢O(∩_∩)O</span>
        </a>
    </div>
</div>
<!-- 特价产品 -->
<div class="mean1">
	<h3>特价产品</h3>
</div>
<div class="tejia">
	<div class="a1">
    	<a href="#">
        	<img src="image/as4.png" />
        </a>
    </div>
    	<div class="a2">
    	<a href="#">
        	<img src="image/as5.png" />
        </a>
    </div>
    	<div class="a3">
    	<a href="#">
        	<img src="image/as6.png" />
        </a>
    </div>
</div>
<!-- 多看图书 -->
<div class="mean1">
	<h3>多看图书</h3>
</div>
<div class="book">
	<div class="a1">
    	<a href="#">
        	<img src="image/as7.png">
            <span>这是阿狸在小米4年的工作笔记，雷军亲笔做序。</span>
        </a>
    </div>
    	<div class="a2">
    	<a href="#">
        	<img src="image/as8.png" />
            <span>同名火爆网剧《万万没想到》小说版，叫兽与捶捶的青春梦想故事！</span>
        </a>
    </div>
    	<div class="a3">
    	<a href="#">
        	<img src="image/as9.png" />
        <span>致爱夜蒲及我们迷乱的青春：投资与恋爱的异同点。</span>
        </a>
    </div>
</div>
<!-- MIUI主题 -->
<div class="mean1">
	<h3>MIUI 主题</h3>
    <div class="more">更多></div>
</div>
<div class="zhuti">
	<div class="a1">
    	<a href="#">
        	<span>光棍节想脱单吗？告白字体0元起</span>
            <span  class="a">6米币</span>
        </a>
    </div>
    <div class="a2">
    	<a href="#">
        	<span>无锁不能</span>
            <span  class="a">6米币</span>
        </a>
    </div>
    <div class="a3">
    	<a href="#">
        	<span>6色</span>
            <span  class="a">6米币</span>
        </a>
    </div>
</div>
<!-- 底部栏 -->
<div class="theend">
	<div class="tub">
    	<div class="a1"></div>
        <div class="a2"></div>
        <div class="a3"></div>
        <div class="a4"></div>
    </div>
    <div class="bangzhu">
    	<div class="w745">
        	<ul>
            	<li class="a1"><a href="#">帮助中心</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">支付方式</a></li>
                <li><a href="#">配送方式</a></li>
            </ul>
            <ul>
            	<li class="a1"><a href="#">服务支持</a></li>
                <li><a href="#">售后政策</a></li>
                <li><a href="#">自助服务</a></li>
                <li><a href="#">相关下载</a></li>
            </ul>
            <ul>
            	<li class="a1"><a href="#">小米之家</a></li>
                <li><a href="#">小米之家</a></li>
                <li><a href="#">服务网点</a></li>
                <li><a href="#">预约亲临到店服务</a></li>
            </ul>
            <ul>
            	<li  class="a1"><a href="#">关于小米</a></li>
                <li><a href="#">了解小米</a></li>
                <li><a href="#">加入小米</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            <ul>
            	<li class="a1"><a href="#">关注我们</a></li>
                <li><a href="#">新浪微博</a></li>
                <li><a href="#">QQ空间</a></li>
                <li><a href="#">官方微信</a></li>
            </ul>
        </div>
        <div class="w255">
        	<h3>400-100-5678</h3>
            <p>周一到周日 8:00~18:00</p>
            <p>(仅收市话费)</p>
            <div><a href="#">24小时在线客服</a></div>
        </div>
        <div class="ziti">
        	<div class="left">
        	<ul>
            	<li class="d1"><a href="#">小米旗下网站:</a>
            	<li><a href="#">小米站</a></li>
                <li><a href="#">MIUI</a></li>
                <li><a href="#">米聊</a></li>
                <li><a href="#">多看书城</a></li>
                <li><a href="#">小米路由器</a></li>
                <li><a href="#">繁体香港</a></li>
                <li><a href="#">繁体台湾</a></li>
                <li><a href="#">English</a></li>
                <li><a href="#">小米后院</a></li>
                <li><a href="#">小米天猫店</a></li>
                <li class="z1"><a href="#">小米网盟</a></li>
            </ul>
            <p>@mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212335号 京网文[2014] 0059-0009号</p>
             <div>简体中文</div>
            </div>
    	</div>
            <img class="img" src="image/logo1.png" />
    </div>

</div>
</body>
</html>
